<template>
    <!-- 园区介绍 -->
    <div class="introduce">
        <div class="title">
            {{ $t("campusIntroduce")}}
        </div>
        <div v-if="datas.dorms.list">  
            <aui-list v-for="(item,index) in datas.dorms.list" :key="index">
                <div v-if="item.text" class="campusDesc">{{ item.text }}</div>
                <div v-if="item.image" style="height:200px">
                    <img :src="item.image"  style="width:100%;height:100%">
                </div>
            </aui-list>
        </div>
    </div>
</template>
<script>
//mock数据真实服务注释删除
import datas from '../../mock/campusIntroduce/campusIntroduce'
export default {
    data() {
        return {
            datas
        }
    },
    created() {
    window.HWH5.setNavigationBarTitle({ title: this.$t('campusIntroduce')  });
    // 真实请求服务方法
    // const userId = this.$store.state.userInfo.userId
    // this.getDatas(userId)
    },
    methods :{
        // 获取服务接口数据
        // getDatas(userId) {
        //   真实接口服务请求 需要将userInfo中的id作为参数传进去做数据请求
        //   const url = 'https://xxx?userId' + userId;
        //   const _headers = {
        //     'Content-Type': 'application/json'
        //   };
        //   HWH5.fetchInternet(url, {
        //     method: 'get',
        //     headers: _headers
        //   })
        //     .then(res => {
        //       res.json().then(reply => {
        //           //将接口返回数据赋值给热服务
        //           this.datas = reply
        //       });
        //     })
        //     .catch(error => {
        //       console.log('请求异常', error);
        //     });
        // }
    }
}
</script>  
<style lang="less" scoped>
.introduce {
    .title {
        box-sizing: border-box;
        background: #fff;
        padding:12px 16px 0 16px;
        font-family: PingFangSC-Regular;
        font-size: 16px;
        color: #000000;
        letter-spacing: 0;
    }
    .campusDesc {
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #666666;
        letter-spacing: 0;
    }
}
</style>